<!-- 
* 预约页面 
* 2019年5月16日17:06:10
* penglei
* -->
<template>
    <view class="content">
		<view class="_label_top">
			<image class="_btn_top" src="../../static/img/kjg.png"></image>
			<label class="_lab_top">{{itext}}</label>
		</view>
		<view  class="_bg_middle">
			<view class="_mlist">
				<!-- <image src="../../static/img/header.png"></image>
				<text>{{iphone}}</text> -->
				咨询客服微信
			</view>
			<view class="_mlist">
				<text>{{wechat}}</text>
			</view>
			<image class="_qrcode" :src="qrcode"></image>
			<mBtnCs @click="tapY" text="咨询塔罗师"  showImg='1' isconcat='0' />
		</view>
		<cmd-bottom-nav @click="tapNav"  border-color="#BC1BBE" background-color="#BC1BBE" font-color="#fff" active-font-color="#fff"></cmd-bottom-nav>
    </view>
</template>

<script>
	import cmdBottomNav from "@/components/cmd-bottom-nav/cmd-bottom-nav.vue"
	import mbtn from "@/components/m-btn-type/m-btn.vue"
	import mtabbar from "@/components/m-tabbar/m-tabbar.vue"
	import mBtnCs from '@/components/m-btn/m-btn-cs.vue'
	import mPay from '@/components/m-pay/m-pay.vue'
	import comm from '../../common/helpers.js'
	import util from '../../static/js/util.js'
    export default {
		components:{mbtn,mtabbar,cmdBottomNav,mBtnCs,mPay},
		data(){
			return{
				itext:'微信客服',
				iphone:'288888888',
				wechat:'15888888888',
				qrcode:''
			}
		},
        onLoad() {
			uni.request({
				url:comm.websiteUrl + '?s=v1/getconfig/',
				method: 'GET',
				data: {},
				success: res => {
					// console.log(res)
					this.iphone = res.data.data.phone
					this.wechat = res.data.data.wechat
					this.qrcode = res.data.data.qrcode
					// this.listData = res.data.data
				},
				fail: () => {},
				complete: () => {}
			});
        },
		methods:{
			tapNav(e){
				let that = this
				let path = e.item.pagePath
				uni.switchTab({
					url:path,
					success: (res) => {
					},
					complete: (com) => {
					}
				})
			},
			tapY(){
				util.navTo('/pages/help/counselor')
			}
		}
		
    }
</script>

<style lang="scss">
	.content{
		height: 100%;
		width:100%;
		position:absolute;
		padding: 0upx;
		background-image: url('https://zhanbu.nomeis.cn/upload/page_resource/bg3.png');
		background-repeat: no-repeat;
		background-size: 100% 95%;
		
		
		._bg{
			width: 100%;
			height:91%;
			vertical-align: top;
			top: 0;
			right: 0;
			position:absolute;
			vertical-align: middle;
		}
		
		._label_top{
			display:flex;
			width:100%;
			top:25upx;
			height:auto;
			position:relative;
			justify-content:center;

			._btn_top{
				height:185upx;
				width: 50%;
			}
			
			._lab_top{
				z-index:3;
				color:white;
				width:30%;
				text-align:center;
				justify-content:center;
				align-items:center;
				position:absolute;
				display:flex;
				margin:auto;
				height:100%;
			}
		}
		
		._bg_middle{
			width:100%;
			position:absolute;
			display:inline-block;
			justify-content:center;
			vertical-align:middle;
			align-items:center;
			text-align:center;
			margin:auto;
			margin-top: 225upx;
			z-index:7;
			
			._qrcode{
				width:270upx;
				height:270upx;
				margin-top:55upx;
			}
			
			._mlist{
				width:70%;
				height:120upx;
				font-weight:bold;
				color: white;
				margin: auto;
				margin-top: 45upx;
				align-items:center;
				line-height:120upx;
				display:flex;
				justify-content:center;
				
				image{
					width: 120upx;
					height: 120upx;
				}
				
				text{
					width: 75%;
					text-align: center;
					display: inline-block;
				}
			}
		}
	}
</style>
